<extend name="Public:User/base"/>
<block name="content">
        <div class="my-cols-right info-back-color back-margin-padding col-sm-9 col-lg-9">
            <div class="row">
                <div class="small-search col-sm-12 col-lg-12">
                    <!-- row-search start -->
                    <div class="row">
                        <div class="small-search-a col-sm-2 col-lg-2 text-center">
                            <a class="collect-btn">详情页面</a>
                        </div>
                        <div class="col-sm-10 col-lg-10"></div>
                    </div>
                    <!--row-search end-->
                </div>
            </div><br>
            <!--<div class="row text-center">-->
                <!--<span class="col-sm-2 col-lg-2">申请退款</span>-->
                <!--<span class="col-sm-offset-3 col-lg-offset-3 col-sm-2 col-lg-2">处理退款</span>-->
                <!--<span class="col-sm-offset-3 col-lg-offset-3 col-sm-2 col-lg-2">退款完成</span>-->
            <!--</div><br>-->
            <div class="row text-center">
                <span class="col-sm-2 col-lg-2">支付订单</span>
                <span class="col-sm-offset-3 col-lg-offset-3 col-sm-2 col-lg-2">签收订单</span>
                <span class="col-sm-offset-3 col-lg-offset-3 col-sm-2 col-lg-2">评价订单</span>
            </div><br>
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <span class="col-sm-offset-1 col-lg-offset-1 col-sm-3 col-lg-3" style="height: 5px; background-color: RGB(244,166,36);">
                        <span class="icon-circle icon-2x" style="color:RGB(235,93,34);position: absolute;top: -13px; left: -20px;"></span>
                    </span>
                    <span class="col-sm-4 col-lg-4" style="height: 5px; background-color:#F5F5F5;">
                        <!-- todo 这个地方有两种颜色的圈圈 color:#E5E5E5;  color:RGB(235,93,34); -->
                        <span class="icon-circle icon-2x" style="color:#E5E5E5;position: absolute;top: -13px; left: 45%;"></span>
                    </span>
                    <span class="col-sm-3 col-lg-3" style="height: 5px; background-color: RGB(244,166,36);">
                        <span class="icon-circle icon-2x" style="color:RGB(235,93,34);position: absolute;top: -13px; right: -10%;"></span>
                    </span>
                    <span class="col-sm-1 col-lg-1"></span>
                </div>
            </div><br><br>

            <div class="row" style="font-size: 12px;color: rgb(126,122,122);">
                    <div class="col-sm-offset-1 col-lg-offset-1 col-lg-5 col-sm-5" style="padding: 5px 15px 5px 25px; min-height: 350px;">
                        <div class="row">
                            <div style="width: 100%; font-size: 16px;" class="text-center">商品详情/退货详情</div>
                            <hr>
                        </div>
                        <div class="row">
                            <div class="col-lg-5 col-sm-5">
                                <img style="display: inline;" src="{$Think.const.IMG_URL}/shopping/1-1.png" width="90%" height="90%">
                            </div>
                            <span class="col-sm-7 col-lg-7" style="padding-top: 10%;">
                                <a>{$singleInfo['goodsName']}</a>
                            </span>
                        </div>
                        <div class="row">
                            <p></p>
                            <p>订单号:{$singleInfo['orderId']}</p>
                            <p>下单时间：{$singleInfo['orderdate']}</p>
                            <p>金额：{$singleInfo['unitprice']}</p>
                            <p>收货地址：{$singleInfo['address']} {$singleInfo['zipcode']}   {$singleInfo['consignee']} {$singleInfo['contactphone']} </p>
                            <!--<p>退货原因：肚子饿啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>-->
                            <p>备注：{$singleInfo['customernote']}</p>
                        </div>
                    </div>
                    <div class="col-lg-5 col-sm-5" style="padding: 5px 15px 5px 25px; min-height: 350px;">
                        <div style="width: 100%; font-size: 16px;" class="text-center">物流信息</div>
                        <hr>
                        <div>
                            <p>没错我就是时间节点一：2015-08-07 11:13</p>
                            <p>没错我就是时间节点二：2015-08-07 11:13</p>
                            <p>没错我就是时间节点三：2015-08-07 11:13</p>
                            <p>没错我就是时间节点四：2015-08-07 11:13</p>
                            <p>没错我就是时间节点五：2015-08-07 11:13</p>
                            <p>不要问我为什么时间都一样，因为你已经确认收货了</p>
                        </div>
                    </div>
                <div class="col-lg-1 col-sm-1"></div>
            </div>
        </div>
</block>
